{include file="../application/api/view/layout/header.html" /}
{if condition="($toLan == 'zh')"}
<link rel="stylesheet" href="../css/page-style.css">
{else /}
<link rel="stylesheet" href="../css/exzh/page-style.css">
{/if}

  <section class="section-tab w1200">
    <div class="main-box">
      {volist name="content" id="con"}
      {switch $con.theme_type}
      {case value="1"}
          <!-- 文字左边 -->
          {volist name="con.data" id="vo"}
            <div class="centerBox">
              <div class="flex-row">
                <div class="contentText">
                  <div class="headBox flex-column">
                    <h2><?php echo translate($vo['title'],$fromLan,$toLan);?></h2>
                    <img src="../img/quality/Quotes.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
                  </div>
                  <article><?php echo translate($vo['detail'],$fromLan,$toLan);?></article>
                </div>
                <img class="labelImg ml48" src="{$vo.image}" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
              </div>
            </div>
          {/volist}
      {/case}
      {case value="2"}
          <!-- 文字右边 -->
          {volist name="con.data" id="vo"}
            <div class="centerBox">
              <div class="flex-row">
                <img class="labelImg mr48" src="{$vo.image}" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
                <div class="contentText">
                  <div class="headBox flex-column">
                    <h2><?php echo translate($vo['title'],$fromLan,$toLan);?></h2>
                    <img src="../img/quality/Quotes.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
                  </div>
                  <article><?php echo translate($vo['detail'],$fromLan,$toLan);?></article>
                </div>
              </div>
            </div>
          {/volist}
      {/case}
      {case value="3"}
          <!-- 一行2个 -->
          <div class="row-2-box">
            {volist name="con.data" id="vo"}
            <div class="row-2-item">
              <img class="row-2-img" src="{$vo.image}" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
              <div class="row-2-container">
                <h3 class="row-2-title"><?php echo translate($vo['title'],$fromLan,$toLan);?></h3>
                <p class="row-2-detail"><?php echo translate($vo['detail'],$fromLan,$toLan);?></p>
              </div>
            </div>
            {/volist}
          </div>
      {/case}
      {case value="4"}
          <!-- 一行3个 -->
          <div class="row-3-box">
            {volist name="con.data" id="vo"}
            <div class="row-3-item">
              <img class="row-3-img" src="{$vo.image}" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
              <h3 class="row-3-title"><?php echo translate($vo['title'],$fromLan,$toLan);?></h3>
              <article class="row-3-detail"><?php echo translate($vo['detail'],$fromLan,$toLan);?></article>
            </div>
            {/volist}
          </div>
      {/case}
      {case value="5"}
          <!--【文字左边-2】------------文字左边-2-->
        {volist name="con.data" id="vo"}
          <div class="imageText flex-row">
            <img src="{$vo.image}" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
            <div class="cardBox flex1">
              <div class="titleBox">
                <h3><?php echo translate($vo['title'],$fromLan,$toLan);?></h3>
                <i></i>
              </div>
              <p><?php echo translate($vo['detail'],$fromLan,$toLan);?></p>
            </div>
          </div>
        {/volist}
      {/case}
      {case value="6"}
          <!--【文字右边-2】------------文字右边-2-->
        {volist name="con.data" id="vo"}
          <div class="imageText flex-row mt32">
            <div class="cardBox flex1">
              <div class="titleBox">
                <h3><?php echo translate($vo['title'],$fromLan,$toLan);?></h3>
                <i></i>
              </div>
              <p><?php echo translate($vo['detail'],$fromLan,$toLan);?></p>
            </div>
            <img src="{$vo.image}" alt="<?php echo translate($vo['title'],$fromLan,$toLan);?>">
          </div>
        {/volist}
      {/case}
      {case value="7"}
          <!-- 【一行2个-2】 -->
          <div class="row-2-box-2 ">
            {volist name="con.data" id="vo"}
              <div class="cardBox ">
                <div class="titleBox flex justify-content-center">
                  <h3><?php echo translate($vo['title'],$fromLan,$toLan);?></h3>
                  <i></i>
                </div>
                <p><?php echo translate($vo['detail'],$fromLan,$toLan);?></p>
              </div>
            {/volist}
          </div>
      {/case}
      {default /}none
      {/switch}
      {/volist}
    </div>

  </section>


{include file="../application/api/view/layout/footer.html" /}